<template>
  <svg aria-hidden="true" class="svg-icon">
    <use :xlink:href="`#icon-${name}`" /> <!-- 按 symbolId 规则引用 -->
  </svg>
</template>
<script lang="ts" setup>
defineProps({
  name: { type: String, required: true } // 图标文件名（不含扩展名）
})
</script>
<style scoped>
.svg-icon {
  aspect-ratio: 1;
  vertical-align: middle;
}
</style>
